
<html>
<head>
<title>Beer-Factory</title>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script
	src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<style>
.beszerzesre {
	/*display: inline-block;*/
	
}

.border_own {
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	border-color: black;
	border: 2px;
	border-style: solid;
	padding: 1em;
}

body {
	padding: 15px;
}
</style>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet"
	href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet"
	href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">

<!-- Latest compiled and minified JavaScript -->
<script
	src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

<script src="http://tinymce.cachefly.net/4.1/tinymce.min.js"></script>
<script>
	tinymce.init({
		selector : 'textarea'
	});
</script>
</head>
<body>
	<nav class="navbar navbar-default" role="navigation">
		<div class="container-fluid">
			<!-- Brand and toggle get grouped for better mobile display -->
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed"
					data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="#">LEADER</a>
			</div>

			<!-- Collect the nav links, forms, and other content for toggling -->
			<div class="collapse navbar-collapse"
				id="bs-example-navbar-collapse-1">
				<ul class="nav navbar-nav">
					<li><a href="sales-manager.html">Sales status</a></li>
					<li><a href="leader.html">Diagrams</a></li>
					<li><a href="wh-list.html">Warehouses</a></li>
				</ul>

				<ul class="nav navbar-nav navbar-right">
					<li><a href="login.html">Logout</a></li>
				</ul>

			</div>
			<!-- /.navbar-collapse -->
		</div>
		<!-- /.container-fluid -->
	</nav>
	<div class="row">
		<div class="well well-sm">Listaba szedve ki lehet valasztani a
			kesz termek megrendeleseket.</div>
		<div class="col-md-5">
			<div class="well well-sm">Eddigi kesztermek megrendelesek,
				kijelolve a jobb oldali formba betoltodik a partner
				leadott rendelese. Nyomon lehet kovetni, hogy a rendeles milyen
				statusban all jelenleg.</div>
			<table class="table table-hover panel-body">
				<thead>
					<td>#</td>
					<td>Partner</td>
					<td>Type</td>
					<td>Status</td>
					<td>Date</td>
				</thead>
				<tbody>
					<tr class="alert alert-info" role="alert">
						<td>1</td>
						<td>Asd Qwe</td>
						<td>Premium</td>
						<td>new</td>
						<td>2014.10.01.</td>
					</tr>
					<tr>
						<td>2</td>
						<td>Arnold S.</td>
						<td>Normal</td>
						<td>during processing</td>
						<td>2014.11.01.</td>
					</tr>
					<tr>
						<td>3</td>
						<td>a a</td>
						<td>Premium</td>
						<td>approved</td>
						<td>2014.10.01.</td>
					</tr>
				</tbody>
			</table>
			<ul class="pagination">
				<li><a href="#">&laquo;</a></li>
				<li><a href="#">1</a></li>
				<li><a href="#">2</a></li>
				<li><a href="#">3</a></li>
				<li><a href="#">4</a></li>
				<li><a href="#">5</a></li>
				<li><a href="#">&raquo;</a></li>
			</ul>
		</div>
		<div class="col-md-7 border_own">
			<div class="well well-sm">
				Kijelolt partner leadott rendelese.</br>"In WH?" ha zold, akkor lehet
				teljesiteni a rendelest -> "APPROVED" gombra kattintva a rendeles el
				lesz fogadva es lehet szallitani raktarbol. Az exporter szerepkor menujenek "Forwarding
							products" gombjara kattintva lehet a szallitast kezelni.</br>Ellenkezo esetben (piros)
				nincs elegendo kesztermek raktaron, le kell gyartani a megfelelo
				mennyiseget (munkas szerepkore ezt kezelni).
				</br>
				Ha megjelenik a "Create material order" gomb, az azt jelenti, hogy a szukseges mennyisegu kesztermek legyartasahoz nincs elegendo nyersanyag a raktarakban, ilyenkor ha rakattint erre a gombra rendszer automatikusan leadja a nyersanyag megrendelest es az importer szerepkorben azt lehet teljesiteni.
			</div>
			<h1>Sale details:</h1>
			<h3>Partner: Asd Qwe</h3>
			<div class="beszerzesre panel panel-default">
				<table class="table table-hover panel-body">
					<thead>
						<td>#</td>
						<td>Beer</td>
						<td>Quantity</td>
						<td>In WH?</td>
						<td>Status</td>
						<td></td>
					</thead>
					<tbody>
						<tr>
							<td>3</td>
							<td>aghgfn sdf</td>
							<td>140l</td>
							<td style="color:white; background-color: red;">140/100</td>
							<td><i>during acquisition</i></td>
							<td><i><a href="create-import.html"><button class="btn btn-warning" type="button">Create material order</button></a></i></td>
						</tr>
					</tbody>
				</table>
			</div>
			<button class="btn btn-success" type="button" disabled="disabled">APPROVE</button>
			<!-- <button class="btn btn-default" type="button">PRINT</button> -->
		</div>
	</div>
	<!-- Bootstrap core JavaScript
================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
	<script
		src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/docs.min.js"></script>

	<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
	<script src="js/ie10-viewport-bug-workaround.js"></script>
</body>
</html>